<template>
  <view class="search-button" 
  :style="{'width':width + 'rpx','height':height + 'rpx','backgroundColor':bgc,'borderRadius':radius + 'rpx','lineHeight': height + 'rpx'}"
  @click="goSearchPage">
    <uni-icons type="search" size="16" color="#9e9d9c"></uni-icons>
    <text>{{text}}</text>
  </view>
</template>
<script>
export default {
  name:'MySearch',
  props:{
    width:{
      type:[String,Number],
      default: 680
    },
    height:{
      type:[String,Number],
      default: 80
    },
    bgc:{
      type:String,
      default:'#fff'
    },
    text:{
      type:String,
      default:'搜索你要找的商品'
    },
    radius:{
      type: [String,Number],
      default: 0
    }
  },
  methods:{
    goSearchPage(){
      uni.navigateTo({
        url:'/pages_sub1/search/search'
      })
    }
  }
}
</script>

<style lang="scss" scoped>
  .search-button {
    text-align: center;
    color: #9e9d9c;
  }
</style>